<template>
	<view style="height:100vh;width: 100%;background-color: #f9f9f9;">

		<div style="height:100px;"></div>
		<div class="text-center mb25">
			<!-- <i class="material-icons icon iconfont" style="font-size:100px;color:#27a538;">check_circle</i> -->
			<p class="text-blackLight fontSize15">恭喜 您的工单已经登记成功</p>
		</div>
		<!-- <div style="width:180px;height:180px;margin:auto;" class="bg-white text-center" id="wkorder"> -->
			<!-- <i class="material-icons icon iconfont text-blackLight" style="font-size:120px;">apps</!-->
			<!-- <div id="qrcode" class="qrcode"></div> -->
			<!-- <p class="m0 fontSize14 text-black">{{this.$route.params.workNo}}</p> -->
			<!-- <p class="m0 fontSize14 text-black">{{this.$route.query.workNo}}</p> -->
		</div>
		<!-- <p class="fontSize15 text-center text-blackLight my10">可通过工单编号或者工单二维码随时查询进度</p> -->
		<!-- <div class="mt20" style="width:75%;height:40px;margin-left:auto;margin-right:auto;">
			<button class="bg-blue border2 text-white fontSize16" style="width:100%;margin:auto;" @click="download">保存图片
				下次识别二维码查询</button>
		</div> -->
		<div class="mt20" style="width:75%;height:40px;margin-left:auto;margin-right:auto;">
			<button class="bg-orange border2 text-white fontSize16" style="width:100%;margin:auto;"
				@click="goHome">返回首页</button>
		</div>
		<div style="height:50px;"></div>
	</view>
</template>

<script>
	// import html2canvas from 'html2canvas'
	// import QRCode  from "qrcodejs2"
	// import { Header } from 'mint-ui';
	export default {
		data() {
			return {
				custaccid: ""
			};
		},
		created() {
			this.custaccid = this.$route.query.custaccid;
			this.$nextTick(function() {
				this.qrcode(decodeURIComponent(this.$route.query.url));
			})
		},
		// 下拉刷新
		onPullDownRefresh() {
			this.getPullRefresh()
		},
		methods: {
			// 下拉刷新请求数据
			getPullRefresh(){
				console.clear()
				
				
				uni.stopPullDownRefresh()
			},
			
			// 返回首页
			goHome() {
				uni.switchTab({
					url: '/pages/index/index'
				})
			}
		}
	};
</script>

<style scoped>
	.mb25 {
		margin-bottom: 25px;
	}

	.mt20 {
		margin-top: 20px;
	}

	.mint-header-title {
		font-size: 16px;
	}

	.qrcode {
		width: 360rpx;
		text-align: center;
		padding: 40rpx;
		padding-bottom: 6rpx;
		padding-top: 34rpx;
	}

	.bg-orange {
		background-color: #fd7400;
	}

	.bg-white {
		background-color: #fff;
	}

	.mint-header {
		height: 49px;
	}

	.text-center {
		text-align: center;
	}

	.fontSize16 {
		font-size: 1rem;
	}

	.border2 {
		border-radius: 2px;
	}

	.my10 {
		margin: 0.625rem 0;
	}

	.text-white {
		color: white;
	}

	.mint-button--normal {
		display: inline-block;
		padding: 0 12px;
	}

	.bg-blue {
		background-color: #058dd7;
	}

	.text-black {
		color: #656b79;
	}

	.fontSize15 {
		font-size: .9375rem;
	}

	.text-blackLight {
		color: #505050;
	}
</style>